<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>

    <script type="text/javascript">
var $vars = {"type":"gradient","dna":null,"title":null,"description":null};
    </script>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="description" content="CSS3 gradient generator. Drag &amp; Drop GIMP .GGR files into your browser to view them! Export your gradient into CSS or SVG." id="meta">
    <title>
      ColRD: Gradient Creator
    </title>
    <link rel="shortcut icon" href="./media/favicon.png" type="image/x-icon">
    <link rel="icon" href="./media/favicon.png" type="image/x-icon"><!--[if lt IE 9]>
 <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
 <script src="http://colrd.com/software/inc/FlashCanvas/flashcanvas.js" type="text/javascript"></script>
 <![endif]-->
    <script type="text/javascript" class="ignore">
    // Google Analytics
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-51448-11']);
        _gaq.push(['_trackPageview']);
        (function() {
                var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
                ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
                var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();
    </script>
    <script type="text/javascript" src="./script.js">
</script>
    <link type="text/css" rel="stylesheet" href="./style.css">
  </head>
  <body style="opacity: 0;">
    <header id="header">
      <hgroup>
        <a href="http://colrd.com/" id="logo"><img src="http://colrd.com/inc/css/images/media/software-logo.png" width="175" height="52" alt="Colrd.com - Easy and fun color theory."></a>
      </hgroup>
      <nav id="nav">
        <ul class="primary">
          <li class="selected" id="createLink">
            <a href="http://colrd.com/create/">Create</a>
          </li>
          <li class="">
            <a href="http://colrd.com/">Discover</a>
          </li>
          <li id="accountNav" class=" menu">
            <a href="http://colrd.com/@/">Account</a>
            <ul>
              <li>
                <a href="http://colrd.com/@/login.php">Login</a>
              </li>
              <li>
                <a href="http://colrd.com/@/signup.php">Sign Up</a>
              </li>
            </ul>
          </li>
        </ul>
      </nav>
      <div id="contentFade"></div>
    </header>
    <div id="foxy_parent">
      <div id="foxy_title">
        <div id="close_foxy" class="close">
          <span class="inner"><span class="overlay">Close</span></span>
        </div><span id="foxy_title_content">Create</span>
      </div>
      <div id="createMenu" class="foxybox create">
        <ul>
          <li>
            <a href="http://colrd.com/create/color/" class="color">Color</a>
          </li>
          <li>
            <a href="http://colrd.com/create/palette/" class="palette">Palette</a>
          </li>
          <li>
            <a href="http://colrd.com/create/gradient/" class="gradient">Gradient</a>
          </li>
        </ul><br class="clear">
      </div>
      <div id="loginForm" class="foxybox login">
        <form method="post" action="http://colrd.com/@/login.php" id="login_form">
          <fieldset onmousedown="Event.stopPropagation(event);">
            <input type="hidden" name="playback" value="440221b9f8938f61ab5bcb94fb8fa991"><input type="hidden" name="destination" value="http://colrd.com/create/gradient/?chrome_compile=true"><label for="name" class="name">Name</label> <input type="text" class="text name" id="flycatcher" name="my_real_name" maxlength="50" value=""><label for="username">Username Or Email:</label> <input type="text" id="username" name="username" class="" maxlength="60" value="" required="required"><label for="password">Password:</label> <input type="password" id="password" class="" name="password" maxlength="24" value="" required="required"><label for="remember">Remember me?</label> <label class="checkbox" for="remember"><input type="checkbox" name="remember" id="remember" checked> Yes!</label> <input type="submit" name="submit" value="Login" class="submit">
            <div class="other_links">
              <a href="http://colrd.com/@/reset-password.php" class="forum_sublink">Forgot Your Password?</a> <a href="http://colrd.com/@/signup.php">Still need to sign up?</a>
            </div>
          </fieldset>
        </form>
      </div>
      <div id="signupForm" class="foxybox signup">
        <form class="signup" method="post" id="signup_form" action="http://colrd.com/@/signup.php">
          <fieldset onmousedown="Event.stopPropagation(event);">
            <input type="hidden" name="playback" value="440221b9f8938f61ab5bcb94fb8fa991"><label for="username">Username:</label> <input type="text" class="text" name="username" maxlength="25" value="" required="required"><label for="email">Email:</label> <input type="email" class="text" name="email" maxlength="60" value="" required="required"><label for="password">Password:</label> <input type="password" class="text" name="password" maxlength="24" value="" required="required"><label for="confirm_password" class="confirm_pass">Confirm Password</label> <input type="password" id="flycatcher" class="text confirm_pass" name="my_confirm_password" maxlength="24" value="">
            <div class="legal">
              By creating an account you agree to the <a href="http://colrd.com/misc/legal/tos.php">Terms of Service</a> &amp; <a href="http://colrd.com/misc/legal/privacy.php">Privacy Policy</a>
            </div>
            <input type="submit" name="submit" value="Sign Up!">
            <div class="other_links">
              <a href="http://colrd.com/@/login.php">Login Instead?</a>
            </div>
          </fieldset>
        </form>
      </div>
    </div>
    <form id="creatorSubmit" action="http://colrd.com/software/creator/appSubmit.php" method="post" enctype="multipart/form-data" onclick="creator.save(false);">
      <div class="content" onclick="Event.stopPropagation(event); return false;" id="gp_dialog">
        <div id="download" style="position: relative; left: 10px; clear:both; height: 28px"></div><br>
        <div id="preview" class="palette"></div>
        <div class="fields" onmousedown="Event.stopPropagation(event);">
          <input type="hidden" name="graphic_id" value=""><label id="nameColor" for="name" class="title">Name your Palette:</label> <input name="name" id="name" class="" type="text" placeholder="" value="" max_length="128" autofocus="true">
           <label id="describeColor" for="description" class="title">Description:</label> 
          <textarea name="description" id="description" placeholder="" style="height: 150px; width: 350px">
</textarea> <input name="data" type="hidden" value=""><input name="contentType" id="contentType" type="hidden" value="palette"><input type="submit" onclick="ColRD.doSubmit()" id="submitPalette" value="Share on ColRD!"><br style="clear:both">
        </div>
      </div><br class="clear">
    </form>
    <div id="palette"></div><br>
    
    <div id="content-container">
      <div class="content-topbar">
        <div id="controls">
          <a class="control" id="addColor"><span class="icon">&nbsp;</span></a> <input value="FF0000" id="HEX" type="text" class="east"> <a class="control" id="removeColor" onclick="colorPalette.remove()"><span class="icon">&nbsp;</span></a> <input type="submit" value="" id="random" onclick="creator.random();">
          <div class="divider"></div><input type="submit" value="" id="flip" onclick="colorPalette.flip()">
          <div class="divider"></div><input type="submit" id="savePalette" class="savePalette" value="Save" title="Save Palette to your Swatch!" onclick="creator.save(true);"><input type="submit" value="BG" onclick="creator.drawBackground();" style="display: none"><input type="submit" value="" id="clickPreview" onclick="creator.doPreview()">
          <div class="divider right"></div>
        </div>
      </div>
      <div class="picker-area-wrapper">
        <div class="picker-area">
          <div style="float: left; width: 500px;" class="leftside">
            <div class="ColorPicker" id="ColorPicker"></div><br>
          </div>
          <div id="deltaSwatch">
            <ul class="tabs">
              <li onclick="creator.deltaSwatch.type = 'harmony'; creator.deltaSwatch.update()" style="display: none">harmony
              </li>
              <li onclick="creator.deltaSwatch.type = 'similar'; creator.deltaSwatch.update()" class="selected">similar colors
              </li>
            </ul>
            <div id="deltaBox"></div>
          </div>
        </div>
      </div>
    </div>
    <footer>
      by <a href="http://mudcu.be/" target="_blank">mudcu.be</a> &amp; <a href="http://alteredfoc.us/" target="_blank">alteredfoc.us</a>
    </footer><script type="text/javascript" class="ignore">
    // Starting the loading process...
        if (typeof(creator) === "undefined") creator = {};
        if (typeof(widgets.Loader) !== "undefined") creator.loader = new widgets.Loader({ message: "loading: " + $vars.type.ucwords() + " Creator..." });
    </script>
  </body>
</html>